function GameIntro() {
    return (
        <div className="text-center mb-4" data-name="game-intro">
            <h1 className="text-4xl font-bold text-blue-600 dark:text-blue-400 mb-2" data-name="game-title">
                Color Find
            </h1>
            <p className="text-gray-600 dark:text-gray-400 mb-2">Test your color perception skills</p>
            <a 
                href="https://www.trickle.so?ref=color-find-game"
                className="inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium text-white trickle-badge"
                target="_blank"
                rel="noopener"
                data-name="trickle-badge"
            >
                <span>Built with Trickle AI</span>
                <svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                </svg>
            </a>
        </div>
    );
}
